<template>
	<view class="submit_box" :data-theme="theme" :class="theme" :style="globalColor.style">
		<view class="headBox">
			<u-icon name="close" color="#111018" size="28" @tap="backHone"></u-icon>
		</view>
		<view class="content fboxCol Xcenter Ycenter">
			<image
				src="https://ebc-prod.cdn.benwunet.com/uni-static/h5/submitok.png"
				mode="aspectFill"
			></image>
			<view class="p1 font32">{{ title }}</view>
			<view class="p2 font28">{{ content }}</view>
			<view class="btn font32 fboxRow Xcenter Ycenter" @tap="backHone">返回</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		conferenceId: {
			type: String,
			default: ''
		},
		title: {
			type: String,
			default: '提交成功'
		},
		content: {
			type: String,
			default: '期待您的到来，我们竭诚为您服务。'
		}
	},
	data() {
		return {
			theme: getApp().globalData.appTheme,
			globalColor: getApp().globalData.globalColor
		};
	},
	methods: {
		backHone() {
			uni.navigateBack();
		}
	}
};
</script>

<style lang="scss" scoped>
.submit_box {
	padding: 40rpx;
	height: 100vh;
	position: relative;
	background: var(--viewBgColor) !important;
	.headBox {
		position: absolute;
		top: 100rpx;
		> image {
			width: 37rpx;
			height: 37rpx;
		}
	}
	.content {
		height: calc(100vh - 300rpx);
		> image {
			width: 180rpx;
			height: 180rpx;
		}
		.p1 {
			font-weight: bold;
			color: var(--titleFontColor);
			line-height: 40rpx;
		}
		.p2 {
			font-weight: 400;
			color: var(--contentFontDarkColor);
			line-height: 40rpx;
		}
		.btn {
			width: 320rpx;
			height: 84rpx;
			border-radius: 12rpx;
			font-weight: 600;
			background: var(--translucenceButtonBackOneColor);
			color: var(--titleFontColor);
		}
		> view {
			margin-top: 80rpx;
		}
	}
}
</style>
